CSS 叠放

阐述

每个声明为 position: relative 的元素都给它的子元素创建了一个叠放上下文，叠放顺序只在这个上下文中比较。

• CSS 定位布局的元素优先于非定位布局的元素；
• 布局相同时，在 DOM 中后出现的元素居上；
• 在 CSS 流式布局中，内容总是在上面，但在 CSS 定位布局中不是如此；
• 可以用 z-index 属性加以修改

实例

性质

相关内容

参考文献